import React from 'react'
import { Swiper, Toast } from 'react-vant'

const colors = ['img/a.jpg', 'img/b.jpg', 'img/c.jpg', 'img/d.jpg','img/e.jpg']

export const items = colors.map((color, index) => (
  <Swiper.Item key={index}>
    <div
      onClick={() => {
        Toast.info(`你点击了卡片 ${index + 1}`)
      }}
    >
        <img src={colors[index]} alt="" style={{ width: '100%',height:'100%' }}/>
      </div>
  </Swiper.Item>
))